body {
  background: #123;
  color: #333;
  font-size: 12px;
  height: auto;
  padding-bottom: 20px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #00f;
  text-decoration: none;
}

h1 {
  font-family: Georgia, serif;
  font-weight: normal;
  padding-top: 20px;
  text-align: center;
}

h2 {
  padding-top: 20px;
  text-align: center;
}

ul {
  margin: 0px;
  padding: 0px;
}

.container_12,
.container_16,
.container_24 {
  background-color: #fff;
  background-repeat: repeat-y;
  margin-bottom: 20px;
}

/******** navbar *********/
div#navbar {
  background: #3563A4 url(../img/light.png) center top repeat-x;
  padding: 12px 0;
}

div#navbar ul {
  list-style: none;
  display: block;
  margin: 0 10px;
}
 
div#navbar ul li {
  float: left;
  margin: 0 1.5em;
  font: bold 13px Arial;
}

div#navbar ul li a {
  color: #fff;
}

div#navbar ul li a:hover {
  color: #ffff00;
}

/******** spacer *********/
div.spacer {
  background-color: #3563A4;
  height: 1em;
}

/******** header *********/
div#header {
  background: #3368ac url(../img/banner.jpg) center top no-repeat;
  height: 120px;
  margin-top: 10px;
}

/******** footer *********/
div#footer {
  background-color: #e5e5e6;
  margin-bottom: 10px;
}

div#footer p {
  text-align: center;
  margin: 0px;
  padding: 10px 0;
}

/******** content *********/
div.content div {
  /*border: solid 1px #e5e5e6;*/
  min-height: 280px;
  margin: 10px 0px;
}
 
div.content div p {
  margin: 10px;
}

/******** gui *********/
div.box {
  border: solid 1px #3563A4;
  margin: 10px 0;
}

div.box div.title {
  background: #3563A4 url(../img/light.png) center top repeat-x;
  padding: 5px;
  font-weight: bold;
  color: #fff;
  background-position: 0px -5px;
}

div.box div.content {
  padding: 5px;
}

div.box div.content.tree ul {
  /*list-style-type:none;*/
}